.sec1 .icon {
    background-image: url("../images/info.png");
}

.sec2 .icon {
    background-image: url("../images/info.png");
}

.sec3 .icon {
    background-image: url("../images/info.png");
}

.sec4 .icon {
    background-image: url("../images/info.png");
}

.sec5 .icon {
    background-image: url("../images/info.png");
}

.sec6 .icon {
    background-image: url("../images/info.png");
}

.sec1 .text {
    color: #ffff43;
}

.sec2 .text {
    color: #ffff43;
}

.sec3 .text {
    color: #25f3e6;
}

.sec4 .text {
    color: #25f3e6;
}

.sec5 .text {
    color: #ff4e4e;
}

.sec6 .text {
    color: #ff4e4e;
}

.contentLeft,
.contentMiddle,
.contentRight {
    float: left;
    margin-top: 15px;
}

.contentMiddle {
    width: 50%;
    height: calc(100% - 140px);
}

.contentLeft,
.contentRight {
    width: 25%;
    height: calc(100% - 160px);
}

.contentLeft > div,
.contentRight > div {
    height: 50%;
    margin: 20px 0;
}

.contentMiddle > div {
    height: 100%;
    margin: 20px 15px 0;
}

.contentNav > div {
    margin: 0 20%;
}

.contentMap {
    height: 100%;
    width: 100%;
    overflow: auto;
}

.contentMap::-webkit-scrollbar {
    display: none;
}